<template>
  <div>
    <van-tabs   swipe-threshold="7"  line-height="2px" line-width="26px"   title-active-color="#ee0a24" v-model="active" sticky offset-top="50">
      <!-- 热映 -->
        <van-tab disabled title=""></van-tab>
        <van-tab disabled title=""></van-tab>
       <van-tab disabled title=""></van-tab>
      <van-tab  title="热映">
       
        <div >
          <VueMoviesBoxList :movieList="movieList" />
        </div>
        <div class="noMovie"  v-show="noMovie"><p>当前城市 暂未排放电影!</p></div>
      </van-tab>
       <van-tab disabled title="|"></van-tab>
    
      <van-tab title="搜索">
      <MySearch v-if="nogood==false" :goodlist="goodlist"  />
     
      <VueMovieSearch />
       </van-tab>
    
    
    <van-tab disabled title="|"></van-tab>
     <van-tab title="即映">
       
        <div>
          <VueMoviesBoxList :coming="coming" />
        </div>
        <div class="noMovie" v-show="noMovie"><p>当前城市 暂未排放电影!</p></div>
      </van-tab>
     
   <van-tab disabled title=""></van-tab>
      <van-tab disabled title=""></van-tab>
        <van-tab disabled title=""></van-tab>
   </van-tabs>
  </div>
</template>

<script>


import MusicLaoding from "@/components/common/laoding.vue";
import VueMovieCitys from "@/components/home/citys.vue";
import VueMoviesBoxList from "@/components/home/box_list.vue";
import VueMovieSearch from "@/components/common/search.vue";
import MySearch from "@/components/home/MySearch.vue"
export default {
  name: "VueMovieHomeTab",
  components: {MusicLaoding, VueMoviesBoxList, VueMovieCitys, VueMovieSearch ,MySearch},
  props: ["movieList", "coming", "movieListshow", "comingshow" ,"noMovie","goodlist","nogood"],
  data() {
    return { active: 5 };
  },
  mounted() {},
  computed: {},
  methods: {
   
    
  },
};
</script>

<style lang="less" scoped>
.van-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.noMovie{
  height: 80px;
  line-height: 80px;
  background-color: #F8F9F9;
  text-align: center;
  p{
    font-size: 20px;
  }
}
</style>